@import "commonSass";

body{background:#eef1f6; font-size:rem(24)}
#con{
    height:100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    padding:rem(30);
    
    .part-top{
        padding:0 rem(20);
        padding-bottom:rem(20);
        background:#fff;
        border-radius:6px;
        .r-txt{
            line-height:rem(60);
            color:#a5a8af;
        }
        .money-box{
            padding:rem(20) 0;
            padding-bottom:rem(50);
            height:rem(80);
            color:#ff6600;
            @include border-1px(#eef1f6);
            .m-left{
                padding-top:rem(30);
                line-height:rem(40);
                font-size:rem(32);
                margin-right:rem(10);
            }
            #doMoney{
                display:inline-block;
                border:none;
                outline: none;
                background:transparent;
                height:rem(80);
                width:calc(100% - 1.0rem);
                line-height:rem(80);
                font-weight:600;
                font-size:rem(68);
                color:#ff6600;
                font-family: "DIN 1451 Std Mittelschrift";
            }
        }
        .r-txt2{
            line-height:rem(60);
            color:#4c505b;
        }
        .btnBox{
            width:100%;
            height:rem(40);
            .countBtn{
                display:inline-block;
                width:rem(88);
                height:rem(36);
                border:rem(1) solid #a5a8af;
                line-height:rem(36);
                text-align:center;
                color:#a5a8af;
                margin-right:rem(30);
            }
            .count_checked{
                background:#508cee;
                color:#fff;
                border-color:#508cee;
            }
            .conHide{
                display:none;
            }
        }
    }
    .part-down{
        margin-top:rem(30);
        width:100%;
        background:#fff;
        border-radius:6px;
        .infoBox{
            position:relative;
            height:rem(90);
            padding:0 rem(20);
            .info-name{
                @include border-1px(#eef1f6);
                float:left;
                line-height:rem(88);
                font-size:rem(32);
                color:#4c505b;
            }
            .info-value{
                float:right;
                height:rem(88);
                line-height:rem(88);
                max-width:rem(400);
                color:#4c505b;
                font-size:rem(32);
                text-align:right;
                padding-right:rem(24);
            }
            i{
                position:absolute;
                right:rem(20);
                top:rem(33);
                display:block;
                width:rem(12);
                height:rem(24);
                background:url("../images/icon-more.png") no-repeat left top;
                background-size:100% 100%;
            }
        }
        .part-info{
            height:rem(136);
            .i-left{
                float:left;
                padding:rem(20);
                .l-txt1{line-height:rem(56); color:#4c505b;font-size:16px;}
                .l-txt2{line-height:rem(40);color:#a5a8af;}
            }
            .i-right{
                float:right;
                padding-right:rem(20);
                color:#405c5b;
                line-height:rem(136);
                .dayPay{
                    font-size:rem(48);
                    color:#508cee;
                    font-weight:600;
                }
            }
        }
    }
    #submitBtn{
        margin:0 auto;
        margin-top:rem(100);
        display:block;
        width:rem(620);
        height:rem(88);
        border-radius:4px;
        background:#508cee;
        color:#fff;
        font-size:rem(32);
        &:active{
            background:skyblue;
        }
    }
    .r-txt3{
        line-height:rem(62);
        text-align:center;
        color:#a5a8af;
    }
}

.layerWin{position:relative;margin:0 auto;padding-bottom:0.4rem;background:#fff;width:5.6rem;border-radius:6px; color:#333;}
.closeBtn{position:absolute;right:rem(10);top:rem(10);padding:rem(10); display:block;width:rem(30);height:rem(30);}
.closeBtn img{width:rem(30);height:rem(30);}
.l-title{height:rem(68);line-height:rem(68);text-align:center;color:#999; font-size:rem(32);}
.reImg{margin:rem(10) auto;width:rem(100);height:rem(100);}


.layerWin .r-txt2{line-height:rem(36);padding:rem(10) rem(20);text-align:center; font-size:rem(24);}
.yesBtn{ display:block;margin:0 auto;margin-top:rem(12);width:rem(160);line-height:rem(60);text-align:center;border-radius:6px;background:#508cee; color:#fff;}

.layerWin .l-time{text-align:center; padding:rem(20) 0; font-size:rem(40);}


#layerWin01{
    position:relative;
    padding:rem(20) rem(40);
    width:rem(510);
    height:auto;
    background:#fff;
    border-radius:6px;
    .closeBtn{
        position:absolute;
        padding:rem(10);
        right:rem(10);
        top:rem(10);
        display:block;
        width:rem(30);
        height:rem(30);
        img{
            width:100%;
            height:100%;
        }
    }
    .l-title{
        line-height:rem(60);
        text-align:center;
        color:#4c505b;
        font-size:rem(34);
        padding-bottom:rem(30);
    }
    .limitMoney{
        padding-top:rem(20);
        line-height:rem(60);
        color:#ff6600;
        text-align:center;
        #limitNum{
            font-size:rem(80);
            font-weight:600;
        }
    }
    .l-r-txt{
        line-height:rem(40);
        text-align:center;
        color:#a5a8af;
        margin-bottom:rem(32);
        font-size:rem(26);
    }
    @at-root #loanData{
        display:block;
        margin:0 auto;
        width:100%;
        tbody{
            display:block;
            width:100%;
        }
        tr{
            display:block;
            width:100%;
            height:rem(44);
            &:nth-child(1){
                color:#4c505b;
            }
            &:nth-child(2){
                color:#a5a8af;
            }
            td{
                display:inline-block;
                width:50%;
                line-height:rem(44);
                text-align:center;
                font-size:rem(32);
            }
        }
    }
    .l-r-txt2{
        line-height:rem(60);
        text-align:center;
        font-size:rem(30);
        color:#4c505b;
    }
    .btns{
        width:100%;
        height:rem(78);
        padding-top:rem(14);
        padding-bottom:rem(22);
        button{
            float:left;
            width:rem(190);
            height:rem(78);
            text-align:center;
            line-height:rem(78);
            background:#508cee;
            color:#fff;
            border-radius:4px;
            font-size:rem(28);
            &:nth-child(2){
                float:right;
                background:#a5a8af;
            }
        }

    }
}




